<template>
  <div style="height: 100%;">
    <div id="header"></div>
    <div id="navigation"><navigation></navigation></div>
    <div id="tabs"><tabs></tabs></div>
  </div>
</template>

<script>
import navigation from "./components/navigation";
import tabs from "../../components/tabs";

export default {
  name: "index",
  components: {navigation,tabs},
  methods: {
    pageInit() {
      let that = this;
      // that.$get('').then((res)=>{});
    }
  },
  created() {
    this.pageInit();
  }
}
</script>

<style scoped>
  #navigation {
    width: 200px;
    height: 100%;
    float: left;
    border: 1px solid rgba(0, 0, 0, 0.1);
  }
  #tabs {
    width: 80%;
    height: 100%;
    float: left;
  }
  .el-tabs .el-tabs__content {
    height: 100%;
  }
</style>
